
<template>
    <MainLayout>
     <router-view></router-view>
    </MainLayout>
</template>

<script>
import RecursiveMenu from '@/components/RecursiveMenu.vue'
import MainLayout from '@/layouts/MainLayout.vue'

export default {
  components: {
    RecursiveMenu,
    MainLayout
  }

}
</script>

<style scoped>
.home-container {
  height: 100vh;
}

.home-card {
  max-width: 1200px;
  margin: 0 auto;
}

h2 {
  text-align: center;
  color: #2c3e50;
  margin-bottom: 20px;
}

.el-card {
  margin-bottom: 20px;
}

.el-button {
  margin: 5px;
}
</style>